<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>班级树形展示</title>
        <link rel="stylesheet"  href="../../layui/css/layui.css">
    </head>
    <body>

        <div class="layui-container">
            <input type="hidden" name="id"/>
            <input type="hidden" name="title"/>
            <button class="layui-btn layui-btn-sm"  lay-submit  lay-filter="tjOneTree">
                <i class="layui-icon"> &#xe654;</i>添加系级节点
            </button>
            <div id="test1"></div>
            <button class="layui-btn layui-btn-primary layui-btn-sm"
                    lay-submit  lay-filter="qd">
                确定选择此班级
            </button>
        </div>

        <!-- 添加一级节点模板 -->
        <div id="addOneTree" style="display: none">

            <form class="layui-form" action="javascript:;">
                <input type="hidden" name="pid" value="0">
                <div class="layui-form-item">
                    <label class="layui-form-label">层级类型：</label>
                    <div class="layui-input-inline">
                        <input name="classesLevels" required  lay-verify="required" placeholder="请输入系/学院/专业/班级" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">班级名称：</label>
                    <div class="layui-input-inline">
                        <input name="title" required  lay-verify="required" placeholder="请输入班级名称" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <button class="layui-btn" lay-submit lay-filter="addOneTree">
                            确定
                        </button>
                    </div>
                </div>
            </form>

        </div>

        <!-- 添加子节点模板 -->
        <div id="addnode" style="display: none">

            <form class="layui-form" action="javascript:;">
                <input id="addpid" type="hidden" name="pid">
                <div class="layui-form-item">
                    <label class="layui-form-label">层级类型：</label>
                    <div class="layui-input-inline">
                        <input name="classesLevels" required  lay-verify="required" placeholder="请输入学院/专业/班级" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">班级名称：</label>
                    <div class="layui-input-inline">
                        <input name="title" required  lay-verify="required" placeholder="请输入班级名称" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <button class="layui-btn" lay-submit lay-filter="addtreenode">
                            确定
                        </button>
                    </div>
                </div>
            </form>

        </div>

        <!-- 修改节点模板 -->
        <div id="upnode" style="display: none">

            <form class="layui-form" action="javascript:;">
                <input id="upsid" type="hidden" name="id">
                <div class="layui-form-item">
                    <label class="layui-form-label">层级类型：</label>
                    <div class="layui-input-inline">
                        <input name="classesLevels" required  lay-verify="required" placeholder="请输入学院/专业/班级" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">班级名称：</label>
                    <div class="layui-input-inline">
                        <input name="title" required  lay-verify="required" placeholder="请输入班级名称" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <button class="layui-btn" lay-submit lay-filter="uptreenode">
                            确定
                        </button>
                    </div>
                </div>
            </form>

        </div>

    </body>
    <script src="../../js/jquery-3.6.0.js"></script>
    <script src="../../layui-修改/layui.js"></script>
    <script src="../../js/classifyTreeJs/classifyTree.js"></script>
    <script src="../../js/classifyTreeJs/classifyTreeForm.js"></script>

</html>